let falg = true


function fn(pageid = 0) {
    $.ajax({
        //http://chst.vip:1234/api/getmoneyctrl?pageid=0
        url: "http://chst.vip:1234/api/getmoneyctrl",
        data: {
            pageid
        }
    }).then(res => {
        console.log(res);
        // console.log(data);
        let html = "";
        res.result.forEach(item => {
            html += `
            <div class="content"  >
                        <li productid = ${item.productId}>
                         <a href="#">
                             <div class="img">
                                ${item.productImg2}
                             </div>
                            <div class="info">
                                 <div class="title">
                                     <h4>    ${item.productName}</h4>
                                 </div>
                                 <div class="other">
                                     <span>   ${item.productFrom} | ${item.productTime}</span>
                                     <span>  ${item.productComCount}</span>
                                 </div>
                             </div>
                        </a>
                       </li>
                     </div>
                     

                     `
        })
        content.innerHTML = html;
        let lis = document.querySelectorAll(".content li");
        Array.prototype.slice.call(lis).forEach(li => {
            li.onclick = function () {
                let productid = this.getAttribute("productid")
                // console.log(productid)
                location.href = "../pages/discount.html?productid=" + productid
            }
        })
        // let option = ""

        // for (let i = 1; i <= Math.floor(res.totalCount / 10); i++) {
        //     option = `<option>${i}/Math.floor(res.totalCount / 10)</option>`
        // }

        if (falg) {
            falg = false
            let pagid = 0;
            $(".prev").css("color", "rgb(204,204,204)");


            // $('option').click(function() {

            // })
            // $('option')[0].innerText = `${i+1}/${Math.floor(res.totalCount / 10)}`

            $('.prev').click(function () {
                document.getElementsByClassName("next").disabled = false;
                $(".next").attr("style", "color:rgb(51,51,51)");
                if (pagid === 1) {
                    document.getElementsByClassName("prev").disabled = true;
                    // console.log(000);
                    $(".prev").css("color", "rgb(204,204,204)");
                }
                // console.log('000:' + pagid);
                if (pagid > 0) {

                    $(".prev").removeAttr("color", "rgb(51,51,51)");
                    pagid--

                    fn(pagid)
                    $('option').siblings().removeAttr('selected')
                    if (pagid >= 1) {
                        $('option')[pagid - 1].selected = true
                    }

                }
                // $('option')[pagid].innerText = `${pagid+1}/${Math.floor(res.totalCount / 10)}`
            })
            $('.next').click(function () {
                document.getElementsByClassName("prev").disabled = false;
                $(".prev").css("color", "rgb(51,51,51)");
                // console.log(Math.ceil(res.totalCount / 10));
                if (pagid === Math.floor(res.totalCount / 10) - 1) {
                    document.getElementsByClassName("next").disabled = true;
                    $(".next").attr("style", "color:rgb(204,204,204)");
                }
                if (pagid < Math.floor(res.totalCount / 10)) {

                    $(".prev").removeAttr("color", "rgb(51,51,51)");

                    pagid++

                    fn(pagid)
                    $('option').siblings().removeAttr('selected')
                    $('option')[pagid - 1].selected = true
                }
                // $('option')[pagid].innerText = `${pagid}/${Math.floor(res.totalCount / 10)}`
            })
            $('.paging').on('change', function () {
                console.log(pagid);
                // var data = $('option:selected', this).val();
                pagid = $(`option:selected`, this).val();
                fn(pagid)


            });

        }









    })
}


fn()


$('.gotop').click(function () {
    $('html').animate({
        scrollTop: 0
    }, 1500)
})